<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 id="h1">js的输出</h1>
<p id="p1">js代码示例</p>
<button onclick="func01()">点击</button>
<script type ="application/javascript">
    //弹窗输出
    window.alert("这是一个弹窗");
//    写入html ，在页面加载完成的情况下使用，它会覆盖原页面内容，不经常使用。
    document.write("写入html");
    //控制台输出
    console.log("输出到控制台");
    //innerHtml  修改某个元素的内容
    document.getElementById("p1").innerHTML = "这是替换内容";

    function func01() {
        document.write("这是func01")
    }

</script>

</body>
</html>